<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*   p{
            font-size: 20px;
        }*/
    /*
     伪元素，表示页面中一些特殊的并不真实存在的元素（特殊的位置）
        伪元素使用 :: 开头

        ::first-letter 表示第一个字母
        ::first-line 表示第一行
        :: selection 表示鼠标选中内容时的效果
        :: before 元素的开始
        ::after 元素的最后
            --before 和after 必须结合content属性来使用
    */
        p::first-letter{
            font-size: 60px;
            color: red;
        }
        p::first-line{
            font-size: 45px;
            color: red;
        }

        p::selection{
            font-size: 80px;
            color: green;
        }
        p::before{
            content: '  ';
        }
        p::after{
            color: #cc0000;
            content: 'NB';
            background-color: #008CFF;
        }
    </style>
</head>
<body>
<p>东胜神州傲来国海边有一花果山，山顶一石，秉受日月精华，产下一个石猴。石猴在花果山做了众猴之王，为求长生，出海求仙 ，
    在西牛贺州拜菩提祖师为师。祖师为其取法名孙悟空，并授与七十二般变化及翻筋斗云之法。孙悟空回到花果山，占山为王，号为美猴王。苦于无兵刃，
    遂去东海龙宫求取，龙王及兄弟送他一支如意金箍棒及一身披挂。孙悟空又去幽冥界把自己的名字从生死簿上勾掉。龙王，地藏王上天庭告状，太白金星建议招安孙悟空，玉帝准奏。
    玉帝封孙悟空做“弼马温”，着他看管马匹。孙悟空后得知此官职卑微，大怒，打出南天门，回花果山，自封为“齐天大圣”。
    托塔天王李靖及哪吒三太子奉旨兴师捉拿孙悟空，被孙悟空打败，回天庭复旨。太白金星奏请玉帝降旨封孙悟空为齐天大圣，
    但不给他事务与俸禄。玉帝准奏。孙悟空应太白金星之请，再入天宫。玉帝封其为齐天大圣，并赐齐天大圣府。孙悟空在天上无事，
    每日交朋结义，不论尊卑。玉帝怕他闲中生事，让其看管蟠桃园。孙悟空偷吃蟠桃，又搅了王母娘娘的蟠桃盛会，偷吃了太上老君的仙丹，惧祸，回到花果山。
    东胜神州傲来国海边有一花果山，山顶一石，秉受日月精华，产下一个石猴。石猴在花果山做了众猴之王，为求长生，出海求仙 ，
    在西牛贺州拜菩提祖师为师。祖师为其取法名孙悟空，并授与七十二般变化及翻筋斗云之法。孙悟空回到花果山，占山为王，号为美猴王。苦于无兵刃，
    遂去东海龙宫求取，龙王及兄弟送他一支如意金箍棒及一身披挂。孙悟空又去幽冥界把自己的名字从生死簿上勾掉。龙王，地藏王上天庭告状，太白金星建议招安孙悟空，玉帝准奏。
    玉帝封孙悟空做“弼马温”，着他看管马匹。孙悟空后得知此官职卑微，大怒，打出南天门，回花果山，自封为“齐天大圣”。
    托塔天王李靖及哪吒三太子奉旨兴师捉拿孙悟空，被孙悟空打败，回天庭复旨。太白金星奏请玉帝降旨封孙悟空为齐天大圣，
    但不给他事务与俸禄。玉帝准奏。孙悟空应太白金星之请，再入天宫。玉帝封其为齐天大圣，并赐齐天大圣府。孙悟空在天上无事，
    每日交朋结义，不论尊卑。玉帝怕他闲中生事，让其看管蟠桃园。孙悟空偷吃蟠桃，又搅了王母娘娘的蟠桃盛会，偷吃了太上老君的仙丹，惧祸，回到花果山。</p>
</body>
</html>